<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线考试系统</title>
    <link rel="stylesheet" type="text/css"
          th:href="@{https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css}">
    <script type="text/javascript" th:src="@{https://code.jquery.com/jquery-3.3.1.slim.min.js}"></script>
    <script type="text/javascript"
            th:src="@{https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js}"></script>
</head>
<style>
</style>
<body>
<div th:fragment="navbar">
    <nav class="navbar navbar-expand-lg fixed-top navbar-light" style="background-color: #e3f2fd;height: 120px;">
        <a class="navbar-brand" href="#">
            <img th:src="@{/img/vote.png}" width="60" height="60" alt="">
        </a>
        <a class="navbar-brand" href="#" style="font-size: 1.8rem">在线投票系统</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
                aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
            <ul class="navbar-nav" style="font-size: 1.4rem">
                <li class="nav-item"><a class="nav-link" href="#">主页<span class="sr-only">(current)</span></a></li>
                <li class="nav-item" th:switch="${session.user.getUserStatus()}">
                    <a th:case="0" class="nav-link" href="/myInfo">我的信息</a>
                    <a th:case="1" class="nav-link" href="/myInfo">我的信息</a>
                    <a th:case="2" class="nav-link" href="/myInfo">我的信息</a>
                </li>
                <li class="nav-item" th:switch="${session.user.getUserStatus()}">
                    <a th:case="0" class="nav-link" href="/superMatch">比赛管理</a>
                    <a th:case="1" class="nav-link" href="/matchMatch">比赛管理</a>
                    <a th:case="2" class="nav-link" href="/userMatch">比赛信息</a>
                </li>
                <li class="nav-item" th:switch="${session.user.getUserStatus()}">
                    <a th:case="0" class="nav-link" href="/selectUser">用户管理</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">其他</a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
                        <a class="dropdown-item" href="/quit">退出系统</a>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
</div>
</body>
</html>